@import "../../assets/css/reset.css";
@import "../../assets/css/common.css";
@import "../../assets/libs/fonts/iconfont.css";
html,
body {
  height: 100%;
  width: 100%;
}
.head {
  width: 100%;
  height: 75px;
  line-height: 50px;
  position: relative;
  border: none;
}
.head div {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  line-height: 75px;
}
.head div p:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.head div p:nth-child(2) {
  color: #8e8e8e;
}
.head div p:nth-child(2) a {
  color: #02beff;
}
.head div img {
  width: 230px;
  height: 30px;
}
main {
  background-color: #f3f5f8;
  height: 100%;
}
main .register-content {
  position: relative;
  width: 1000px;
  min-width: 1000px;
  height: 700px;
  margin: auto;
  background-color: #fff;
  margin-top: 100px;
}
main .register-content .form {
  height: 540px;
  width: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
main .register-content .form h2 {
  font-size: 24px;
  user-select: none;
  margin-top: 20px;
}
main .register-content .form p:nth-child(3) {
  height: 40px;
  width: 100%;
  background-color: #ed510a;
  line-height: 40px;
  text-indent: 48px;
  border-radius: 4px;
  border: none;
  color: #fff;
}
main .register-content .form p:nth-child(3) .icon-jiangli- {
  font-size: 20px;
  color: #fff;
  vertical-align: bottom;
}
main .register-content .form p:nth-child(4) {
  height: 40px;
  position: relative;
}
main .register-content .form p:nth-child(4) input {
  height: 40px;
  border: 1px solid #c5c5c5;
  outline: none;
  text-indent: 20px;
  width: 100%;
}
main .register-content .form p:nth-child(4) .number {
  position: absolute;
  top: 10px;
  right: -217px;
  color: #f15b5b;
  text-indent: 20px;
  font-size: 13px;
  display: none;
}
main .register-content .form p:nth-child(4) .number.icon-jinggao {
  color: red;
}
main .register-content .form p:nth-child(4) .number span {
  vertical-align: middle;
}
main .register-content .form p:nth-child(5) {
  height: 40px;
  position: relative;
}
main .register-content .form p:nth-child(5) input {
  height: 40px;
  width: 100%;
  margin-bottom: 25px;
  border: 1px solid #c5c5c5;
  outline: none;
  text-indent: 20px;
}
main .register-content .form p:nth-child(5) .phone {
  display: block;
  color: #f15b5b;
  text-indent: 20px;
  font-size: 13px;
  position: absolute;
  top: 9px;
  right: -151px;
  display: none;
}
main .register-content .form p:nth-child(5) .phone span {
  vertical-align: middle;
}
main .register-content .form p:nth-child(6) {
  height: 40px;
  position: relative;
}
main .register-content .form p:nth-child(6) input {
  height: 40px;
  width: 100%;
  /* border-radius: 4px; */
  margin-bottom: 25px;
  border: 1px solid #c5c5c5;
  outline: none;
  text-indent: 20px;
}
main .register-content .form p:nth-child(6) button {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 40px;
  width: 125px;
  border: 1px solid #c5c5c5;
  cursor: pointer;
}
main .register-content .form p:nth-child(7) {
  height: 40px;
  position: relative;
}
main .register-content .form p:nth-child(7) input {
  height: 40px;
  width: 100%;
  border: 1px solid #c5c5c5;
  outline: none;
  text-indent: 20px;
}
main .register-content .form p:nth-child(7) .pswd {
  color: #f15b5b;
  text-indent: 20px;
  font-size: 13px;
  position: absolute;
  top: 9px;
  right: -217px;
  display: none;
}
main .register-content .form p:nth-child(7) .pswd span {
  vertical-align: middle;
}
main .register-content .form p:nth-child(8) {
  height: 40px;
  line-height: 40px;
  color: #e0e0e0;
}
main .register-content .form p:nth-child(8) a {
  color: #02beff;
}
main .register-content .form button:nth-child(9) {
  height: 50px;
  width: 100%;
  background-color: #e0e0e0;
  border: none;
  cursor: pointer;
}
